<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品列表</title>
    <!-- 引入页面图标 -->
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <!-- 引入bootstrap样式文件 -->
    <link rel="stylesheet" href="../lib/bootstrap/bootstrap.css">
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="../css/base.css">
    <!-- 引入iconfont图标库 -->
    <link rel="stylesheet" href="../fonts/font-awesome-4.7.0/css/font-awesome.css">
    <!-- 引入比较搜索页面css样式 -->
    <link rel="stylesheet" href="../css/bijia.css">

</head>

<body>
    <!-- header 头部 -->
    <header>
        <h1>
            <a href="../index.html">
                <img src="../images/header_logo.png" alt="">
            </a>
        </h1>
        <a href="javascript:void(0);">
            <img src="../images/header_app.png" alt="">
        </a>
    </header>

    <!-- 搜索 -->
    <section class="mmb_search">
        <form action="#">
            <i class="fa fa-search" aria-hidden="true"></i>
            <input class="search_ipt" type="search" placeholder="请输入你想比价的商品">
            <input class="search_submit" type="button" value="搜索">
        </form>
    </section>

    <!-- 比价商品详情 -->
    <section id="bijia">

    </section>

    <!-- 尾部部分 -->
    <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="">注册</a>
            </div>
            <div class="col-xs-4">
                <a href="#">
                    <i class="fa fa-arrow-up" aria-hidden="true"></i>
                    返回顶部
                </a>
            </div>
        </div>
        <p>
            <a href="">手机app下载 </a>
            <a href="">慢慢买手机版 </a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>

</body>

</html>

<!-- 商品详情art-template模板 -->
<script type="text/template" id="bigBijiaTpl">
    {{each result  value i}}
    <div class="product-title">
        <ol class="breadcrumb">
            <li>
                <a href="../">首页</a>
            </li>
            <li>
                <a href="javascript:history.go(-1)">分类大全</a>
            </li>
            <li>
                <a href="">电视机</a>
            </li>
            <a class="btn btn-default" href="#">筛选</a>
        </ol>
        
    </div>

    <div class="product-info">
        <!--大图详情-->
        <div class="product-bijia">
            <div class="product-name">
                {{value.productName}}
            </div>
            <div class="product-img">
                {{@ value.productImg}}
            </div>
            <div class="product-collect">
                <a href="javascript:setfav(473088);">
                    <img src="http://www.zuyushop.com/wap/images/sc.jpg" width="39" height="39">
                </a>
            </div>
        </div>
        <!--比价标题-->
        <div class="tab">
            <ul>

            </ul>
        </div>
        <div class="plist">
            <a href="">{{@ value.bjShop}}</a>
            <div class="note"> * 实际价格以各网站列出的实时售价为准，我们提供的价格可能有数小时至数日的延迟。</div>
        </div>
        <!--网友评价-->
        <div class="product-com-title">
            <div>网友评价</div>
        </div>
        <!--评价列表-->
        <div class="product-com-list">
            <ul>

            </ul>
            <div class="more">
                <a class="morein" href="comment.aspx?id=473088">查看更多评价</a>
            </div>
        </div>
    </div>
    {{/each}}
</script>

<!-- 商品评价art-template模板 -->
<script type="text/html" id="comListTpl">
    {{each result value i}}
    <li>
        <div class="clearfix"> 
            <span class="pull-left com-name">{{value.comName}}</span>
            <span class="pull-right com-time">{{value.comTime}}</span>
        </div>
        <div class="clearfix"> 
            <span class="star pull-left com-star"><em class="star5"></em></span> 
            <span class="pull-right com-from">{{value.comFrom}}</span>
        </div>
        <div class="com-content">{{value.comContent}}</div>
    </li>
    {{/each}}
</script>

<!-- 引入jquery文件 -->
<script src="../lib/jquery/jquery-1.12.2.js"></script>
<!-- 引入bootstrap文件 -->
<script src="../lib/bootstrap/bootstrap.js"></script>
<!-- 引入zepto文件 -->
<!-- <script src="../lib/zepto/dist/zepto.js"></script> -->
<!-- 引入art-template -->
<script src="../lib/art-template/template-web.js"></script>

<!-- 引入比价商品详情js文件 -->
<script src="../js/bijia.js"></script>